<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title>叮当网-首页</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link href="../css/swiper.min.css" rel="stylesheet"/>
    <link href="../phoneCss/commons.css" rel="stylesheet"/>
    <link href="../phoneCss/index.css?r=1" rel="stylesheet"/>
    <script src="../js/jquery-1.10.1.min.js"></script>
    <script src="../phoneJs/ifApp.js"></script>
    <script>
        document.write("<s" + "cript type='text/javascript' src='../js/common.js?" + Math.random() + "'></scr" + "ipt>");
        document.write("<s" + "cript type='text/javascript' src='../phoneJs/companyCode.js?" + Math.random() + "'></scr" + "ipt>");
    </script>
    <style>
        #index {
            color: #de1221;
        }

        #me, #sort, #cart {
            color: #2e2e2e;
        }

        .mui-content{
            padding-bottom: 0;
        }
        .mui-bar-nav~.mui-content{
            padding-top: 77px;
        }
    </style>
</head>

<body>

<!--
    作者：lwy
    时间：2017-02-06
    描述：首页头部开始
-->
<header class="mui-bar mui-bar-nav">
    <h1 class="mui-title" id="mui-title"><input class="index-input" readonly type="search" placeholder="搜索您想要的商品" autofocus="autofocus"
                                 id="keyword">
    </h1>
    <a class="mui-pull-right" id="search-right" href="personal-news.html"><i style="display: none;" id="ifNews"></i></a>
</header>

<div class="swiper-container" id="topNav">
    <div class="swiper-wrapper" id="cateBox">
        <div class="swiper-slide active" stateValue="" style="pointer-events: none;"><span>推荐</span></div>
        <!--<div class="swiper-slide" stateValue="3"><span>电脑</span></div>-->
        <!--<div class="swiper-slide" stateValue="1"><span>手机</span></div>-->
        <!--<div class="swiper-slide" stateValue="4"><span>数码</span></div>-->
        <!--<div class="swiper-slide" stateValue="2"><span>配件</span></div>-->
    </div>
</div>
<!--
    作者：lwy
    时间：2017-02-06
    描述：首页头部结束，轮播图开始
-->
<div id="refreshContainer" class="mui-content mui-scroll-wrapper" style="margin-bottom: 50px;margin-top: 0;">
    <div class="mui-content">
        <div class="swiper-container4">
            <div class="swiper-wrapper" id="banner">
                <!-- Slides -->
                <!--<div class="swiper-slide">-->
                <!--<a href="#">-->
                <!--<img src="../img/banner3.jpg">-->
                <!--</a>-->
                <!--</div>-->
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination4" id="pagination4"></div>
        </div>

        <div class="sort_box">
            <ul class="mui-clearfix" id="funcBox">
                <!--<a href="order.html"><li><img src="../phoneImg/index_sort_icon1.jpg" alt=""><span>我的订单</span></li></a>-->
                <!--<a href="authorize.html"><li class="popular"><img src="../phoneImg/index_sort_icon2.jpg" alt=""><span>推广码</span></li></a>-->
                <!--<a href="share_team.html"><li class="new"><img src="../phoneImg/index_sort_icon3.jpg" alt=""><span>分享经济</span></li></a>-->
                <!--<a href="goods-list.html"><li class="all"><img src="../phoneImg/index_sort_icon4.jpg" alt=""><span>全部</span></li></a>-->
            </ul>
        </div>

        <div class="line"></div>

        <div class="detail_box mui-clearfix" id="detail_box">
            <div class="detail_box_container">
                <span class="title">领券中心</span>
                <span class="small_title">好券领不停</span>
                <img src="../phoneImg/index_coupon_icon.png" alt="领券中心">
            </div>
            <div class="detail_box_container">
                <span class="title">每日新品</span>
                <span class="small_title">iphoneX已开启</span>
                <img src="../phoneImg/index_day_new.png" alt="每日新品">
            </div>
        </div>

        <div class="line"></div>

        <div class="detail_box detail_box2 mui-clearfix" id="detail_box2">
            <div class="detail_box_container">
                <span class="title">手机精品配件</span>
                <span class="small_title">给手机搭配好的</span>
                <img src="../phoneImg/index_accessories_icon.png" style="width: 32px" alt="手机配件">
            </div>
            <div class="detail_box_container">
                <span class="title">学校装备</span>
                <span class="small_title">优品五折购</span>
                <img src="../phoneImg/index_school_icon.png" style="width: 74px" alt="学校装备">
            </div>
        </div>

        <div class="optimization_title"><img src="../phoneImg/index_optimize_icon.jpg" alt="为你优选"></div>
        <div class="optimization_box">
            <div class="goods_box mui-clearfix" id="goods_box">
                <!--<div class="item2_box">-->
                    <!--<div class="img"><img src="../phoneImg/goods.jpg" alt=""></div>-->
                    <!--<div class="goods">-->
                        <!--<div class="title">iphone8 64GB 金色 移动联通电信4G手机移动联通电信4G手机</div>-->
                        <!--<div class="tips"><span>64GB内存</span><span>1200万像素</span></div>-->
                        <!--<div class="stages mui-clearfix"><span>分期购</span></div>-->
                        <!--<div class="price"><b>￥</b>5480.00</div>-->
                        <!--<div class="comment"><span>28390人评价</span><span>2908人咨询</span></div>-->
                    <!--</div>-->
                <!--</div>-->
            </div>
        </div>
    </div>
</div>

<!--
    作者：837081299@qq.com
    时间：2017-02-07
    描述：底部导航开始
-->
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item" id="index" href="">
        <span class="mui-icon"><img src="../img/oneImg/index-icon-act.png"/></span>
        <span class="mui-tab-label">首页</span>
    </a>
    <a class="mui-tab-item" id="sort" href="">
        <span class="mui-icon"><img src="../img/oneImg/sort-icon.png"/></span>
        <span class="mui-tab-label">分类</span>
    </a>
    <a class="mui-tab-item" id="cart" href="">
        <span class="mui-icon"><img src="../phoneImg/cart-icon.png"/></span>
        <span class="mui-tab-label">购物车</span>
    </a>
    <a class="mui-tab-item" id="me" href="">
        <span class="mui-icon"><img src="../img/oneImg/personal-icon.png"/></span>
        <span class="mui-tab-label">我的</span>
    </a>
</nav>

<script src="../js/mui.min.js"></script>

<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script>
    document.write("<s" + "cript type='text/javascript' src='../phoneJs/index.js?" + Math.random() + "'></scr" + "ipt>");
</script>

</body>

</html>